<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>INCAKE蛋糕-24小时网上订购，新鲜配送到家！</title>
  <link rel="stylesheet" href="/css/index.css">
  <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
</head>

<body>
  <!-- 头部 -->
  <header>

  </header>
  <section>
    <!-- 轮播图 -->
    <div class="banner">
      <div class="bann">
        <div class="swiper-container lunbo">
          <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="#"><img src="/images/banner1.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="#"><img src="/images/banner2.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="#"><img src="/images/banner3.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="#"><img src="/images/banner4.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="#"><img src="/images/banner5.jpg" alt=""></a></div>

          </div>
          <!-- 如果需要分页器 -->
          <div class="swiper-pagination"></div>

          <!-- 如果需要导航按钮 -->
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>

          <!-- 如果需要滚动条 -->
          <div class="swiper-scrollbar"></div>
        </div>
      </div>
    </div>
    <div class="select">
      <div class="select1">
        <a href="/html/choose.html" class="c1"></a>
        <a href="/html/choose.html" class="c2"></a>
      </div>
      <ul class="select2" id="categoryList">

      </ul>
      <script type="text/html" id="categoryTemplate">

        <!-- json渲染的当前页面修改了一个 其他页面假数据-->

        {{each list item,index}}
        <li>
          <a href="/html/choose.html" class="c3"><img src="{{item.src}}" alt=""></a>
        </li>
        {{/each}}
      </script>
    </div>
    <div class="string"></div>
    <div class="best-choice">
      <div class="best">
        <p class="cn">当季热卖</p>
        <p class="en">BEST CHOICE</p>
      </div>
      <div class="content">
        <div class="contents clearfix">
          <div class="li1">
            <div class="imgg">
              <a href="/html/choose.html" class="link"></a>
            </div>
            <p class="p1">只留下奶香巧克力化也化不开的醇香。</p>
            <p class="p2"><span class="p21">奶香巧克力 </span><span>chocolate cake</span></p>
            <p class="p3">￥198.00/510g</p>
            </div>

          <div class="li2">
            <div class="imgg">
              <a href="/html/choose.html" class="link"></a>
            </div>
            <p class="p1">记忆中的绵密口感，沁着浓郁奶香。</p>
            <p class="p2"><span class="p21">经典奶香</span><span>chocolate cake</span></p>
            <p class="p3">￥198.00/510g</p>
          </div>
        </div>

      </div>
    </div>
    </div>
    <div class="bests3">
      <a href="/html/choose.html" class="bests31"></a>
      <a href="/html/choose.html" class="bests32"></a>
      <a href="/html/choose.html" class="bests33"></a>
    </div>
  </section>

  <footer>

  </footer>
  <!-- 在引入require.js的这个script标签身上写一个自定义属性data-main,属性值就是要引入的js路径 -->
  <!-- require.js会帮助我们去找到index.js并引入 -->
  <script src="/libs/require/require.min.js" data-main="/js/index"></script>

</body>

</html>